<template>
  <div>
   <div class="father">我叫{{name}} <img src="../public/11.png" alt="一个美女"></div>
   <div class="son">
    <span>今年{{age}}</span>

    <div class="like">我喜欢{{hobby.play.toUpperCase()}}和{{age>20?hobby.likes[1]:hobby.likes[0]}}</div>
   </div>
  </div>
</template>

<script>


export default {
  data(){
    return{
      name:'佩奇',
      age:25,
      hobby:{
        play:"basketball",
        likes:['sleeping','working']
      }

    }
    
  }
}
</script>

<style lang="less">
.father{
  color:blue;
  font-size:100px;
  img{
    width: 200px;
  }
}
.son{
  color:red;
  font-size: 50px;
  font-style: italic;
  .like{
    color:#087;
  }
}
</style>
